<template>
	<view class="introWrap">
		<view class="introTit">
			<view class="lineView"></view>
			<view>价格如何拟定</view>
		</view>
		<view class="introCon">
			<view>具体费用解读如下:</view>
			<view>学能提升收费系统按照学段收费，不同学段产生的费用也不同，系统会根据当前学生所在的学段，根据基础费用自动计算出平均每天的费用，再结合用户购买天数（累计天数后是否年级增加）来计算当前用户购买半年、一年的实际费用（注：高三年级时间即使超出，年级不会增加，基础费用按照高中年级费用收取）。</view>
			<view class="note">注：系统判定学段增加的具体日期为每年8月31日，超过后基础费用自动增加。</view>
			<view>举个例子:</view>
			<view>王同学，购买了半年（180天）的服务，那么计算方式为：</view>
			<view>当前学段基础费用 ：<text class="weight">CGP</text>(参考当前学段基础价格表);</view>
			<view>下一学段基础费用：<text class="weight">NGP</text>(参考下一学段基础价格表);</view>
			<view>当前实际费用 ：<text class="weight">TP</text>;</view>
			<view>当前学段平均每天费用：<text class="weight">CGAP</text> = CGP / 365天 ;</view>
			<view>下一学段平均每天费用：<text class="weight">NGAP</text> = NGP / 365天 ;</view>
			<view class="note">如过累计后的日期超过当年的8月31日</view>
			<view>计算出当前日期到当年9月1日相差天数 DD</view>
			<view><text class="weight">TP</text> = DD * CGAP + (180 - DD) * NGAP ;</view>
			<view class="note">如过累计后的日期没超过当年8月31日</view>
			<view><text class="weight">TP</text> = CGAP * 180 ;</view>
			<view class="note">您的费用计算公式</view>
			<view><text class="weight">到期时间</text> = 2025-01-29</view>
			<view><text class="weight">到期时间所在年级</text> = 三年级</view>
			<view><text class="weight">费用</text> = ¥{{currPrice}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			currPrice:Number
		}
	}
</script>

<style lang="scss" scoped>
	.introCon{
		padding: 20rpx;
		color: $pss-text-color3;
		@include respTo(phone){
			font-size: $font-size30;
		}
		@include respTo(pad){
			font-size: $padSize14;
		}
		view{
			margin-bottom: 10rpx;
		}
		.note{
			color: $pss-color-primary;
		}
		.weight{
			font-weight: bold;
			@include respTo(phone){
				font-size: $font-size32;
			}
			@include respTo(pad){
				font-size: $padSize16;
			}
		}
	}
	.introTit{
		@include respTo(phone){
			height: 90rpx;
			line-height: 90rpx;
			font-size: $font-size32;
		}
		@include respTo(pad){
			height: 60rpx;
			line-height: 60rpx;
			font-size: $padSize18;
		}
		color: $pss-text-color3;
		font-weight: bold;
		display: flex;
		align-items: center;
		box-shadow: 0 5rpx 8rpx rgba(0,0,0,.02);
		.lineView{
			background: #64ccf2;
			border-radius: 20rpx;
			@include respTo(phone){
				width: 10rpx;
				height: 32rpx;
				margin-right: 10rpx;
			}
			@include respTo(pad){
				width: 6rpx;
				height: 22rpx;
				margin-right: 8rpx;
			}
		}
	}
	.introWrap{
		margin-top: 30rpx;
		background: #fff;
		border-radius: 15rpx;
	}
</style>